
<div id="syncDiv">
	<input type="image" src="./images/sync_folder.png" name="syncButton" id="syncButton" width="64" height="64" />
</div>

<div id="serverDiv">
	<div class="headMsg">
		Server Files
	</div>
	<div id="serverFilesDiv" class="fileWindow">
		<div id="serverHead">
			Location:<a href="file:<%=ListLocalFilesServlet.serverDir %>" style='color:#910326;' target="_blank"><%=ListLocalFilesServlet.serverDir %></a></div>
		<div id="serverBody">
		<table>
		<thead>
			<tr height="30px">
				<td width="60%">Name</td>
				<td>Last Sync Date</td>
			</tr>
		</thead>
		<tbody>
		<%
		SyncDirectory serverDir = new SyncDirectory(ListLocalFilesServlet.serverDir);
			for (SyncObject file : serverDir.getSubDirectories()) {
		%>
		<tr>
			<td>
			 	<% if(file.isFolder()){ %>
			 	<img src="images/folder_open.png"></img>
			 	<%} else { %>
			 	<img src="images/file.png"></img>
			 	<%} %>
			 	<%=file.getPath()%>
			</td>
			<td>
				<%= DateUtil.toString(file.getLastModifiedDate()) %>
			</td>
		</tr>
		<%}%>
		</tbody>
		</table>
		</div>
	</div>
</div>

